layui.use(['table', 'jquery'], function () {
    let table = layui.table
        , $ = layui.jquery
        , layer = layui.layer
        , form = layui.form;

    //展示表格数据
    table.render({
        elem: '#paper-info'
        , toolbar: true
        , title: '论文信息表'
        , url: '/getPaper'
        , page: true
        , where: {userName: sno, state: "中期检查", type: 1}
        , even: true
        , cols: [[ //标题栏
            {field: 'bh', title: '编号', sort: true, hide: true}
            , {field: 'title', title: '课题名称'}
            , {field: 'sname', title: '学生姓名'}
            , {field: 'sno', title: '学生学号'}

            , {
                field: 'tno1', title: '教师姓名',templet: function (res) {
                    return res.title1.tName;
                }
            }
            , {field: 'tno', title: '教师工号'}
            , {field: 'state', title: '论文阶段'}
            , {
                field: 'state1', title: '中期检查',align: 'center',templet: function (res) {
                    if (res.medium === null || res.medium.isPass === '不通过' || res.medium.isPass === null) {
                        return '<span class="layui-badge layui-bg-red">未下达</span>'
                    } else if (res.medium.isPass === '通过') {
                        return '<span class="layui-badge layui-bg-green">已下达</span>'
                    }
                }
            }
            , {fixed: 'right', title: '课题详情', toolbar: '#title-tool', width: 90}
            , {fixed: 'right', title: '操作', toolbar: '#paper-info-tool', width: 200}
        ]]
        , text: {
            none: '<div class="layui-anim layui-anim-scaleSpring"  style="margin-top: 150px"><i class="layui-icon"  style="color: #009f95;font-size: 150px;border-bottom: #009f95 solid 2px;padding:15px;margin-top: 50px" >&#xe664;</i><br>' +
                '<br><br><br><br><div class="layui-text" style="font-size: 25px;margin-top: 25px;color: #009f95">好像没有没找到数据呢</div></div>'
            ,
            error: '<div style="margin-top: 150px"><i class="layui-icon"  style="color: #009f95;font-size: 150px;border-bottom: #009f95 solid 2px;padding:15px;margin-top: 50px" >&#xe664;</i><br>' +
                '<br><div class="layui-text" style="font-size: 25px;margin-top: 25px;color: #009f95">好像没有出错了呢</div></div>'
        }
    });
    //监听行工具事件
    table.on('tool(paper-info)', function (obj) {
            let data = obj.data;
            if (obj.event === 'taskDetail') {  //查看课题详情
                layer.open({
                    type: 1
                    , offset: 50
                    , shade: [0.3, '#000']
                    , shadeClose: true
                    , skin: 'layui-layer-rim'
                    , area: ['740px', '600px']
                    , content: $("#task-detail")
                    , title: '学生课题详情内容'
                    , success: function (layerObj) {
                        $(".layui-layer-shade").appendTo(layerObj.parent());
                        /*设置回显数据*/
                        setTaskDetail(data);
                    }
                    , end: function () {
                        $("#task-detail").css("display", 'none');
                    }
                });
            } else if (obj.event === 'query') {
                if (data.medium === null) {
                    layer.msg("暂未查询到中期检查报告，请耐心等待");
                    return false;
                } else {
                    layer.open({
                        type: 1
                        , offset: 0
                        , shade: [0.3, '#000']
                        , shadeClose: true
                        , skin: 'layui-layer-rim'
                        , area: ['1040px', '600px']
                        , content: $("#query-report")
                        , title: '查看中期检查详情'
                        , success: function (layerObj) {
                            $(".layui-layer-shade").appendTo(layerObj.parent());
                            /*设置回显数据*/
                            setUnKnowMsg(data);
                            $("#detail-tbody").html($("#check-tbody").html())
                        }
                        , end: function () {
                            $("#query-report").css("display", 'none');
                        }
                    });
                }
            } else if (obj.event === 'export') {
                if (data.medium.isPass === "通过") {
                    setUnKnowMsg(data);
                    $("#detail-tbody").html($("#check-tbody").html());
                    let fileName = data.sno + data.sname + '的中期检查情况';
                    $("#query-report").wordExport(fileName);
                } else {
                    layer.msg("暂未查询到中期检查报告，请耐心等待");
                }
            }
        }
    );

    //设置课题详情
    function setTaskDetail(data) {
        $("#task-tno").html(data.title1.tno);
        $("#task-sno").html(data.sno);
        $("#task-sname").html(data.sname);
        $("#task-from").html(data.title1.from);
        $("#task-id").html(data.title1.xtId);
        $("#task-title").html(data.title);
        $("#task-category").html(data.title1.categoty);
        $("#task-addtime").html(data.title1.addtime);
        $("#task-nature").html(data.title1.nature);
        $("#task-major").html(data.title1.majorName);
        $("#task-tname").html(data.title1.tName);
        $("#task-state").html(data.title1.state);
        $("#task-intr").html(data.title1.intr);
        $("#task-college").html(data.title1.collegeName);
    }

//查询设置中期检查位置数据
    function setUnKnowMsg(data) {
        $("#check-sName").html(data.sname);   //学生姓名
        $("#check-sNO").html(data.sno);   //学号
        $("#check-major").html(data.title1.majorName); //专业
        $("#check-title").html(data.title); //课题名称
        $("#check-isChange").html(data.medium.isChange);   //课题名称是否变化
        if (data.medium.changeReason !== null && data.medium.changeReason !== '') {
            $("#check-changeReason").html(data.medium.changeReason);   //变化原因
        }
        $("#check-isOne").html(data.medium.isOne); //是否一人一题
        $("#check-isReport").html(data.medium.isReport); //是否进行开题报告
        $("#check-isSurvey").html(data.medium.isSurvey);   //是否进行文件调研
        if (data.medium.problem !== null && data.medium.problem !== '') {
            $("#check-ques").html(data.medium.problem);   //拟解决问题：
        }
        $("#check-plan").html(data.medium.plan); //论文进度情况
        if (data.medium.lagReason !== null && data.medium.lagReason !== '') {
            $("#check-planReason").html(data.medium.lagReason); //论文延期滞后原因：
        }
        $("#check-stuManner").html(data.medium.sManner);   //学生工作态度情况
        $("#check-tManner").html(data.medium.tManner); //老师工作态度情况
        $("#check-quality").html(data.medium.quality); //中期质量
        if (data.medium.opinion !== null && data.medium.opinion !== '') {
            $("#check-opinion1").html(data.medium.opinion); //中期质量
            $("#check-isPass").html(data.medium.isPass);
        }
    }


});